import Vue from 'vue';
import VueRouter from 'vue-router';
import HomeView from '../views/HomeView.vue';

Vue.use(VueRouter);

const routes = [
	// {
	// 	path: '/',
	// 	name: 'home',
	// 	component: HomeView,
	// },
	{
		path: '/',
		name: 'home',
		component: () => import('../views/home/index.vue'),
		redirect: '/ykhx',
		children: [
			{
				path: '/ykhx',
				name: 'ykhx',
				component: () => import('../views/touristPortrait/index.vue'),
			},
			{
				path: '/jcfx',
				name: 'jcfx',
				component: () => import('../views/monitoring/index.vue'),
			},
			{
				path: '/rqfx',
				name: 'rqfx',
				component: () => import('../views/population/index.vue'),
			},
			{
				path: '/tsfx',
				name: 'tsfx',
				component: () => import('../views/analysis/index.vue'),
			},
			{
				path: '/hdfx',
				name: 'hdfx',
				component: () => import('../views/operation/index.vue'),
			},
			{
				path: '/car',
				name: 'car',
				component: () => import('../views/car/index.vue'),
			},
		],
	},
	{
		path: '/about',
		name: 'about',
		// route level code-splitting
		// this generates a separate chunk (about.[hash].js) for this route
		// which is lazy-loaded when the route is visited.
		component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue'),
	},
];

const router = new VueRouter({
	routes,
});

export default router;
